<ion-header >
  <ion-toolbar>
    <ion-title style="text-align: center">
      民族文化
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content >
  <ion-item color="secondary">
    <h2>新闻资讯</h2>
  </ion-item>
  <ion-list>
    <!--点击新闻触发goTonewsDetail事件，跳转到新闻详情页面-->
    <ion-item *ngFor="let n of newslist" (click)="goTonewsDetail(n.newsid)">
      <ion-label  color="primary">{{n.title1}}</ion-label>
      <ion-note slot="end" color="primary">{{n.pbdate |date:'yyyy-MM-dd'}}</ion-note>
    </ion-item>
  </ion-list>
<br>
  <br>
  <ion-item color="secondary">
    <h2>文化视频</h2>
  </ion-item>


  <ion-card  *ngFor="let m of ml" (click)="goToNewsDetail(m.mediaid)" style="text-align: center">
    <ion-card-header>
      <img src="{{m.tup}}" style="height: 180px;box-shadow: 2px 2px 10px 0px #ddd;border-radius: 10px;"/>
      <ion-card-title >{{m.title}}</ion-card-title>
    </ion-card-header>

    <ion-card-content>
      {{m.miaos}}
    </ion-card-content>
  </ion-card>

</ion-content>

